page {
	height: 100%;
	background-color: #f5f5f5;
}
.feedback {
	position: relative;
	color: rgba(0, 0, 0, 0.8);
	background-color: #fff;
	.content {
		border-top: 1rpx solid rgba(0, 0, 0, 0.04);
		padding: 48rpx 32rpx;
		.top {
			position: relative;
			padding-bottom: 48rpx;
			border-bottom: 1rpx solid rgba(0, 0, 0, 0.04);
			.desc {
				font-size: 28rpx;
			}
			.badge {
				position: absolute;
				font-size: 28rpx;
				color: #FC1D1D;
				top: 0rpx;
				left: 114rpx;
			}
			::v-deep uni-textarea {
				margin-top: 16rpx;
				height: 200rpx;
				width: 100%;
				background-color: rgba(0, 0, 0, 0.04);
				border-radius: 16rpx;
				padding: 32rpx;
				font-size: 24rpx;
				box-sizing: border-box;
			}
		}
		.bottom {
			position: relative;
			padding-top: 48rpx;
			.desc {
				font-size: 28rpx;
				margin-bottom: 32rpx;
				text {
					display: inline-block;
					margin-left: 10rpx;
					color: rgba(0, 0, 0, 0.45);
				}
			}
			.badge {
				position: absolute;
				font-size: 28rpx;
				color: #FC1D1D;
				top: 48rpx;
				left: 114rpx;
			}
			.photo-list {
				width: 686rpx;
				box-sizing: border-box;
				display: flex;
				justify-content: left;
				flex-wrap: wrap;
				.photo-item {
					width: 198rpx;
					height: 198rpx;
					border-radius: 16rpx;
					border: 1rpx dashed rgba(0, 0, 0, 0.04);
					background-color: rgba(0, 0, 0, 0.04);
					margin-bottom: 32rpx;
					margin-right: 32rpx;
					position: relative;
					display: flex;
					justify-content: center;
					align-items: center;
					&:nth-child(3n) {
						margin-right: 0rpx;
					}
					.has-photo {
						width: 198rpx;
						height: 198rpx;
						border-radius: 16rpx;
					}
					.delete-phone {
						position: absolute;
						top: -40rpx;
						left: 160rpx;
						width: 80rpx; 
						height: 80rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						image {
							width: 60rpx;
							height: 60rpx;
							display: flex;
							justify-content: center;
							align-items: center;
						}
					}
					.empty-photo {
						width: 124rpx;
						height: 124rpx;
					}
				}
			}
		}
	}
	.button-nav {
		width: 100%;
		height: 112rpx;
		position: fixed;
		bottom: 0rpx;
		left: 0rpx;
		right: 0rpx;
		display: flex;
		border-top: 1rpx solid #f5f5f5;
		background-color: #fff;
		view {
			width: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			&:nth-child(2) {
				background-color: #1890FF;
				color: #fff;
			}
		}
	}
}

